<!--
	Created by   : jishasha
	Created time : 2017/05/08
	File explain : 支付 — 支付
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>支付</title>
  <link rel="stylesheet" href="../../libs/zui/css/zui.css">
  <link rel="stylesheet" href="../../libs/bootstrap-table-dist/dist/css/bootstrap-table.min.css">
  <link rel="stylesheet" href="../../libs/datetimepicker/css/datetimepicker.min.css">
  <link rel="stylesheet" href="../../common/css/common.css">
  <link rel="stylesheet" href="buyer-pay.css">
</head>
<body class="cmn-password-initializtion">
<div class="cmn-password-title">
  <div class="cmn-password-qhLogo">支付中心</div>
  <span class="cmn-find-password pay-transfer">支付</span>
</div>
<!-- 支付 -->
<div class="pay-container ">
  <div class="pay-title">
    <span class="pay-content"><span class="pay-transfer">支付</span>金额 : </span>
    <p class="balance"><span class="balance-text balance-always" id="id-pay-money"></span> 元</p>
  </div>
  <div class="choice-bank-container">
    <div class="modal fade" id="myModal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><img
              src="../../common/img/private/Shut-down@3x.png" alt=""></span><span
              class="sr-only">关闭</span></button>
            <span class="modal-title">施小包的合作银行：</span>
          </div>
          <div class="choice-bank-name">

          </div>
          <button class="next-step" data-dismiss="modal">下一步</button>
        </div>
      </div>
    </div>
  </div>
  <div class="pay-name">
    <div class="pay" data-choose="selected" data-paytype="sxb">
      <div class="pay-detail active">
        <div class="pay-choose-active"></div>
        <img src="../../common/img/private/Shi-packets.png" alt="">
        <span class="balance-payment">施小包资金账户余额支付</span>
        <p class="pay-balance">余额：<span class="balance-text" id="id-balance"></span> 元</p>
      </div>
      <div class="not-sufficient-funds">
        <span class="not-sufficient">余额不足，</span>
        <span class="click-recharge">点击充值</span>
      </div>
    </div>

    <div class="pay" data-choose="0" data-paytype="bank">
      <div class="pay-detail pay-choose-selected" data-channel="CCB" data-banktype="B2B_NB" >
        <div class="pay-choose"></div>
        <img class="pay-logo" src="../../common/img/private/China-construction-bank@3x.png" alt="">
        <div class="corporate-card">企业</div>
      </div>
    </div>
    <div class="other-choice">
      <button class="other-choice-btn" id="id-change-bank" data-toggle="modal" data-target="#myModal">选择其他 <i
        class="icon icon-caret-down"></i></button>
    </div>
  </div>
  <div class="pay-next-step">
    <button class="next-step-btn next-step-orange">下一步</button>
  </div>
</div>
<!-- 等待 -->
<div class="wait-container hide">
  <div class="wait">
    <img class="wait-img" src="../../common/img/private/In-the-processing.png" alt="">
    <br/>
    <span class="wait-cont">请您在新打开的网上银行页面进行<span class="pay-transfer">支付</span>，<br/>
      <span class="pay-transfer">支付</span>完成前请不要关闭当前页面</span>
    <div class="back-select">
      <button class="back-account">返回我的账户</button>
      <button class="look-account">选择其他<span class="pay-transfer pay-color">支付</span>方式</button>
    </div>
  </div>
</div>
<!-- 输入密码 -->
<div class="input-password-contanier hide">
  <div class="pay-title">
    <span class="pay-content"><span class="pay-transfer">支付</span>金额 : </span>
    <p class="balance"><span class="balance-text balance-always"></span>元</p>
  </div>

  <!-- 输入密码 -->
  <div class="input-password">
    <span class="input-password-pay">施小包支付密码：</span>
    <input class="input-password-import" type="password" id="id-pass-balance" placeholder="请输入施小包支付密码">
    <span class="clear-img"></span>
    <span class="forget-password-notice">忘记密码？</span>
    <div class="input-opportunity">支付密码输入不正确，您还有<span>4</span>次输入机会</div>
    <div class="input-opportunity1">输入支付密码错误过多账户已被锁定，请点击忘记支付密码进行找回或<span id="id-djs"></span>后重试</div>
    <div class="confirm-payment">
      <button class="confirm-payment-btn">确认付款</button>
    </div>
  </div>
</div>
<!-- 输入密码 重试 -->
<div class="tautology">
  <img class="wait-img" src="../../common/img/private/error.png" alt="">
  <br/>
  <span class="wait-cont">输入支付密码错误过多账户已被锁定，<br/> 请点击 <span class="forget-password">忘记密码</span> 进行找回或 <span
    class="tautology-time">00分钟00秒</span>时</span>
  <button class="sensitize-orange-btn">重试</button>
</div>
<footer class="copyright">© 2017 choosefine 浙ICP备17001837号-1</footer>
<script data-main="buyer-pay" src="//cdn.bootcss.com/require.js/2.3.3/require.min.js"></script>
</body>
</html>